@import url(icons.css);
/*s-loading*/
.s-loading{ height:25px; line-height:20px; border:solid 1px #2aabd2; background:#2aabd2;position:absolute; display:none; color:#FFF; box-shadow:1px 1px 1px #ccc; padding:2px 15px 2px 5px; font-size:13px; font-family:Arial, Helvetica, sans-serif,'宋体' ; } 

/*s-papaw*/
.s-papaw{ border-radius:6px; max-width:300px; min-width:100px; background-color: #eee; color:#333; word-break:break-all; display: inline-block; position: relative; padding:7px 10px; font-size:13px; color:#333; }
.s-papaw:after{ content:''; border-top: 10px solid #EEE; position: absolute; content: ''; width: 0; height: 0;	}
.s-papaw.left:after{ left: -10px; top:30%; border-left: 10px solid transparent ; }
.s-papaw.right:after{ right: -10px; top:30%; border-right: 10px solid transparent; }
.s-papaw.bc:after{ left:50%; bottom:-10px; border-left: 10px solid transparent; }
.s-papaw.bl:after{ left:10%; bottom:-10px; border-left: 10px solid transparent; }
.s-papaw.br:after{ right:10%; bottom:-10px; border-right: 10px solid transparent; }
.s-papaw.tc:after{ left:50%; top:-10px; border-left: 10px solid transparent; border-bottom:10px solid #eee; border-top:none; }
.s-papaw.tl:after{ left:10%; top:-10px; border-left: 10px solid transparent; border-bottom:10px solid #eee; border-top:none; }
.s-papaw.tr:after{ right:10%; top:-10px; border-right: 10px solid transparent; border-bottom:10px solid #eee; border-top:none; }

.s-papaw.info:after{ border-color: #2aabd2 transparent; }
.s-papaw.primary:after{ border-color: #2d6ca2 transparent; }
.s-papaw.success:after{ border-color: #419641 transparent; }
.s-papaw.warn:after{ border-color: #eb9316 transparent; }
.s-papaw.danger:after{ border-color: #c12e2a transparent; } 

/*s-scroll-bar*/
.s-scrollbar-y { background-color: #ccc; border-radius: 5px; width: 10px; height: 99%; position: absolute; right: 3px; top: 0px; opacity:.8; cursor: pointer; display: none; } 
.s-scrollbar-handle-y { background-color: #555; position: absolute; height: 30%; width: 10px; border-radius: 5px; }
.s-scrollbar-x { background-color: #ccc; border-radius: 5px; width: 95%; height: 10px; position: absolute; bottom: 3px; left: 0px; opacity:.8; cursor: pointer;  }
.s-scrollbar-handle-x { background-color: #555; position: absolute; height: 10px; width: 30%; border-radius: 5px; }

/*s-paging-loading*/
.s-paging-loading-container{ left: 0; margin: 0 auto; max-width: 300px; position: fixed; right: 0; top: 40%; width: 300px;display: none;text-align:center; padding:10px 20px; background: #fefefe; box-shadow: 2px 2px 10px #aaa; border: solid 1px #efefef; }
.s-paging-loading { position: relative; top: 0; left: 0; width:40px; display:inline-block; }
.s-paging-loading::after { background: #6cc88a; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-animation: SPLMoveRight 0.6s linear infinite alternate; animation: SPLMoveRight 0.6s linear infinite alternate; }
.s-paging-loading::before { background: #4fc3f7; -webkit-transform: translateX(20px); transform: translateX(20px); -webkit-animation: SPLMoveLeft 0.6s linear infinite alternate; animation: SPLMoveLeft 0.6s linear infinite alternate; }
.s-paging-loading::after, .s-paging-loading::before { content: ''; position: absolute; width: 20px; height: 20px; top:-15px;left: -15px; border-radius: 50%; -webkit-transition: opacity 0.15s, visibility 0s 0.15s; transition: opacity 0.15s, visibility 0s 0.15s; } 
@-webkit-keyframes SPLMoveRight { to { -webkit-transform: translateX(20px); } }
@keyframes SPLMoveRight { to { transform: translateX(20px); } }
@-webkit-keyframes SPLMoveLeft { to { -webkit-transform: translateX(-20px); } } 
@keyframes SPLMoveLeft { to { transform: translateX(-20px); } }

/*s-infobox*/
.s-infobox{display:none;  width:300px; position:fixed; left:0; right:0; margin-left:auto; margin-right:auto; top:150px; border:solid 1px #efefef transparent; box-shadow:2px 2px 5px #aaa; padding:10px; text-align:center; font-size:14px; font-family:'Verdana','宋体'; }

/*message-box*/
.s-mbox-container{ position:fixed; right:10px; bottom:10px;	font-size:13px;width:260px; }
.s-mbox{ height:150px;  border:solid 1px #ccc; margin-bottom:5px; background:#fff; box-shadow:2px 2px 2px #ccc; background:#fefefe; color:#333; position:relative; }
.s-mbox-head{ padding:5px 0px; border-bottom:solid 1px #ccc; height:25px; line-height:15px; width:100%; overflow:hidden; font-weight:bold; position:relative;text-shadow:0px 0px 8px #fff; }
.s-mbox-content{ padding:2px;	}
.s-mbox-pager{ border:solid 1px #2aabd2; height:25px; text-align:center;  padding:5px 2px;}
.s-mbox-close{ position:absolute; right:0px; top:0px; width:20px; height:25px; color:#333; text-align:center; line-height:28px; cursor:pointer; }
.s-mbox-close:hover{ color:#fff; font-size:16px; }
.s-mbox-btn{ padding:2px 10px;	cursor:pointer; color:#333}
.s-mbox-btn:hover{color:#000; background-color:#ccc;border-radius:10px;}

/*progress*/
.s-progressbar{ width:300px; height:20px; padding:1px; margin:2px; border:solid 1px #ccc; border-radius:2px; background-color:#fcfcfc; }
.s-progressbar .s-bar{ width:50%; height:20px; line-height:20px; text-align:center; font-size:13px; border-radius:2px; text-shadow:0px 0px 8px #fff;box-shadow:0px 0px 5px #fff inset; }

/*slider*/
.s-slider{ border:solid 1px #c0c0c0; background:#fff; border-radius:5px; position:relative; }
.s-slider-bar{ position:absolute; height:15px; width:15px; border-radius:15px; border:solid 1px #a0a0a0;background:#c0c0c0; cursor:pointer; box-shadow:0px 0px 10px #fff inset; }
.s-slider-bar:hover{ background:#ccc; }
.s-slider-range{ background-color:	#0064cd;  }
.s-slider.x{ height:8px; min-width:200px; }
.s-slider.y{ width:8px; min-height:100px; }
.s-slider.x .s-slider-bar{top:-5px;}
.s-slider.y .s-slider-bar{left:-4px;}
.s-slider.x .s-slider-range{height:100%;width:0; border-radius:3px 0px 0px 3px; }
.s-slider.y .s-slider-range{width:100%;height:0; border-radius:3px 3px 0px 0px; }

/*s-dialog*/
.s-dlg{ border:solid 1px #2d6ca2; overflow:hidden; position:fixed; left:40%; top:150px; box-shadow:2px 2px 2px #666;  display:none;}
.s-dlg.danger{border:solid 1px #c12e2a;}
.s-dlg.warn{border:solid 1px #eb9316;}
.s-dlg.success{border:solid 1px #419641;}
.s-dlg.info{border:solid 1px #2aabd2;}

.s-dlg-wrap{ display:table; width:100%; height:100%; }
.s-dlg-wrap > div{ display:table-row; }
.s-dlg .s-dlg-head{ color:#000; height:30px; line-height:30px; font-size:13px; font-weight:bold; text-shadow:0 0 20px #fff; background: #2d6ca2;}
.s-dlg.danger .s-dlg-head,.s-dlg.danger .s-dlg-footer a{background-color:#c12e2a;}
.s-dlg.warn .s-dlg-head,.s-dlg.warn .s-dlg-footer a{background-color:#eb9316;}
.s-dlg.success .s-dlg-head,.s-dlg.success .s-dlg-footer a{background-color:#419641;}
.s-dlg.info .s-dlg-head,.s-dlg.info .s-dlg-footer a{background-color:#2aabd2;}

.s-dlg .s-dlg-head .s-dlg-title{ position:relative; overflow:hidden; height:30px; padding-left:5px; margin-right:60px; cursor:pointer; color:#fff; }
.s-dlg-head .s-dlg-ctrls{ position:absolute; right:0px; top:0px; cursor:pointer; }
.s-dlg-head .s-dlg-ctrls a{ float:right; line-height:20px; width:20px; margin:0; padding:0px; text-align:center; color:#333; }
.s-dlg-head .s-dlg-ctrls a:hover{ color:#fff; font-size:14px;	}
.s-dlg .s-dlg-main{ background-color:#fff; overflow:hidden; position: absolute;top:30px;bottom:40px;left:0px;right:0px;overflow-y:auto; }
.s-dlg-main .s-dlg-content{text-align:center;color:#333;}
.s-dlg .s-dlg-footer{ height:40px; border:solid 1px #000; font-size:13px; background: #f1f1f1;}
.s-dlg .s-dlg-footer a{ border:solid 1px #ccc; padding:5px 20px; display:inline-block; border-radius:3px; margin-right:10px; color:#fff; cursor:pointer; text-shadow:0 0 20px #fff; }


.s-dlg .s-dlg-footer a:hover{text-shadow:0 0 20px #333;}
.s-dlg .s-dlg-footer > div{ height:30px; display:table-cell; vertical-align:middle; text-align:right; position:relative;}
.s-dlg-main .s-dlg-content iframe{ border:none; width:100%; } 

/*contextmenu*/
.s-contextmenu-menu-box{ min-width:100px; border:solid 1px #2d6ca2; cursor:pointer; font-size:13px; position:absolute; font-family: arial,"宋体";box-shadow:2px 2px 2px #aaa; }
.s-contextmenu-menu{ list-style: none; padding:0; margin:0; }
.s-contextmenu-item{ height:30px; line-height:30px; margin:0; white-space: nowrap; float: left; clear: both; min-width:100px; background:#f8f8f8; width:100%; }
.s-contextmenu-item a{ padding:0 30px; display:block; border-collapse:collapse; position:relative; }
.s-contextmenu-item a:hover{ background:#2d6ca2; text-shadow:0 0 20px #fff; color:#fff; }
.s-contextmenu-item:hover{ position:relative; }
.s-contextmenu-item > .s-contextmenu-menu{ display:none;	}
.s-contextmenu-item:hover > .s-contextmenu-menu{ display:block; position:absolute; top:-5px; left:100%; border:solid 1px #2d6ca2; }
.s-contextmenu-more > a:after{ content:''; position:absolute; right:5px; top:10px; border-top: 5px solid transparent; border-left: 5px solid #000; border-bottom: 5px solid transparent; }
.s-contextmenu-more > a:hover:after{ border-left: 5px solid #fff; }
.s-contextmenu-line { height:1px; border-top:solid 1px #ccc; }
.s-contextmenu-item .disable{ color:#ccc; }
.s-contextmenu-item .disable:hover{ color:#ccc; }
		
/*Select*/
.s-select{ position:relative;display:inline-block; border:solid 1px #ccc; font-size:13px; padding:0; height:28px; }
.s-select input[type="text"],.s-select input[type="text"]:focus{border:none;vertical-align:middle;}
.s-select .s-select-arr{ display:inline-block; height:15px; border-left:solid 1px #ccc;	position:relative; padding:0px 15px; cursor:pointer; vertical-align:middle; }
.s-select .s-select-arr:after{ content:''; border-top: 5px solid #888; border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; top:40%; right:30%; }
.s-select .s-select-arr:hover:after{ border-top: 5px solid #000; }
.s-select .s-select-items{border:solid 1px #ccc;position:absolute;top:28px;left:-1px; background:#fff; width:100%;overflow: hidden;display: none;max-height:150px; }
.s-select ul{ padding:0; margin:0; list-style: none;   }
.s-select ul li{ padding:0; margin:0; }
.s-select .s-select-selected{background:#f0f0f0; }
.s-select ul li a{ display:block; padding:0 5px; height:25px; overflow:hidden; line-height:25px; cursor:pointer; overflow:hidden; }
.s-select ul li a:hover{ background:#f0f0f0; }

/*S.PageBar*/
.s-pagerbar{ height:30px; line-height:30px;font-size:13px;text-align: center;}
.s-pagerbar .s-slider{width:40%;display: inline-block;}
.s-pagerbar .s-pagebar-contrls{display: inline-block;float:right;margin-right:10px;cursor:pointer;}
.s-pagerbar select{border:solid 1px #ccc;}

/*S.DatePicker*/
.s-datepicker{ width:250px; border:solid 1px #ccc; font-size:13px; box-shadow:2px 2px 3px #ccc; position:absolute; z-index: 99999;display:none;background:#fff;}
.s-datepicker-head{ font-weight:bold; padding: 0 10px; height:30px; line-height:30px; text-align:center; text-shadow:0 0 20px #fff; background-color:#2d6ca2; color:#fff; }
.s-datepicker-head u{cursor:pointer;font-family:Consolas;font-size:16px;}
.s-datepicker-title{background:#efefef;	}
.s-datepicker-title{list-style: none;padding:0;margin:0;border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; width:100%;overflow:hidden;}
.s-datepicker-title li{float:left;width:35px;height:26px;line-height:30px;text-align:center;}
.s-datepicker ul{list-style: none;padding:0;margin:0; width:100%;overflow:hidden; color:#333; font-family:Tahoma;color:#333;	}
.s-datepicker ul li{float:left;text-align:center;}
.s-datepicker ul li a{ display:block; text-decoration:none; cursor:pointer; text-shadow:0 0 20px #fff;  font-family:Tahoma; }
.s-datepicker ul li a:hover{ text-shadow:0 0 20px #fff; background-color:#6BA7DA; color:#fff; }
.s-datepicker .selected{background:#2d6ca2;color:#fff;	}
.s-datepicker .selected:hover{background:#2d6ca2;color:#fff;	}

.s-datepicker .s-datepicker-data li{ width:35px;height:30px;line-height:30px; }
.s-datepicker-foot{height:30px;text-align:center;}
.s-datepicker-foot a{ display:inline-block;border:solid 1px #ccc;padding:3px 7px;margin-left:2px; text-shadow:0 0 20px #fff; background-color:#2d6ca2; color:#fff; border-radius:3px; cursor:pointer; }
.s-datepicker-foot a:hover{ text-shadow: 0 0 20px #333; }
.s-datepicker-foot .s-datepicker-time{width:100px;margin-left:10px; border:sold 1px #ccc;outline:none;border: 1px solid #ccc;padding: 1px; }
.s-datepicker .s-datepicker-head .left-arr,.s-datepicker .s-datepicker-head .right-arr{ display:inline-block; cursor:pointer; border-top:solid 5px transparent; border-bottom:solid 5px transparent; }
.s-datepicker .s-datepicker-head .left-arr{ border-right:solid 10px #ccc; }
.s-datepicker .s-datepicker-head .right-arr{ border-left:solid 10px #ccc; }
.s-datepicker  .s-datepicker-head .left-arr:hover{ border-right:solid 10px #fff; }
.s-datepicker .s-datepicker-head .right-arr:hover{ border-left:solid 10px #fff; }
.s-datepicker .s-datepicker-panel{ position:absolute; border:solid 1px #ccc; background:#fcfcfc; box-shadow:0 2px 2px #ccc; border-left:none; border-right:none; display:none; }
.s-datepicker .s-datepicker-panel ul li{ width:20px;height:20px; }
.s-datepicker .s-datepicker-times{bottom:35px;width:244px;}
.s-datepicker .s-datepicker-times ul{padding:2px 0px;	}
.s-datepicker .s-datepicker-minutes{border-top:solid 1px #ccc;}


.s-datepicker .s-datepicker-years{top:30px;width:244px;}
.s-datepicker .s-datepicker-years ul{width:200px;margin:0 auto;}
.s-datepicker .s-datepicker-years ul li{height:25px;line-height:25px;width:40px;}
.s-datepicker .s-datepicker-years .left-arr,.s-datepicker .s-datepicker-years .right-arr{display:block;	position:absolute;border-top:solid 10px transparent;border-bottom:solid 10px transparent;top:15px;}
.s-datepicker .s-datepicker-years .left-arr{border-right:solid 10px #ccc;left:2px;}
.s-datepicker .s-datepicker-years .left-arr:hover{border-right:solid 10px #000;}
.s-datepicker .s-datepicker-years .right-arr{border-left:solid 10px #ccc;right:2px;}
.s-datepicker .s-datepicker-years .right-arr:hover{border-left:solid 10px #000;}
.s-datepicker .s-datepicker-months{top:30px;}
.s-datepicker .s-datepicker-months ul li{height:25px;line-height:25px;width:40px;}
.s-datepicker .s-datepicker-out{color:#ccc}

/*S.Tree*/
.s-tree{padding:0 10px;cursor:pointer;font-size:12px;clear:both;float:left;}
.s-tree dl,dt,dd{font-size:12px;padding:0;margin:0;line-height:12px;width:100%;}
.s-tree dt{padding:0px 10px;}
.s-tree dl{float:left;clear:both;}
.s-tree dt *{vertical-align:middle;}
.s-tree dt:hover{background:#efefef;color:#000;}
.s-tree .selected{background:#2d6ca2;color:#fff;text-shadow:0 0 10px #fff;}
.s-tree .tree-icons{width:24px;height:22px;display:inline-block;text-align:center;background:url(images/sprites_tree.gif) no-repeat;}
.s-tree .tree-branch{background-position:-25px -25px; }
.s-tree .tree-branch.open{background-position:-25px -50px;}
.s-tree .tree-branch.disabled{background-position:0px -25px;}
.s-tree .tree-leaf{background-position:-25px -150px;}
.s-tree .tree-leaf.last{background-position:-25px -175px;}
.s-tree .tree-v{background-position:-25px -75px;}
.s-tree .tree-branch.last{background-position:-25px -100px;}
.s-tree .tree-branch.last.open{background-position:-25px -125px;}
.s-tree .tree-branch.last.disabled{background-position:0px -100px;}
.s-tree .tree-icons.folder{background-position:0px -325px;width:20px;}
.s-tree .tree-icons.file{background-position:0px -350px;width:20px;}
.s-tree .tree-icons.checkbox{background-position:0px -200px;cursor:pointer;width:20px;}
.s-tree .tree-icons.checkbox.checked{background-position:-25px -200px;}
.s-tree .tree-icons.checkbox.checkpart{background-position:-50px -200px;}

/*S-Table*/
.s-table-container{position:relative;border:solid 1px #ccc;box-shadow:0px 0px 3px #ccc;}
.s-table-container table{table-layout:fixed;border:none;padding:0;margin:0;border-collapse:collapse;border-spacing:0px;}
.s-table-container table td{margin:0;border-collapse:collapse;height:25px;color:#444;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;padding-left:6px; }
.s-table-container table *{font-size:12px;vertical:middle;}
.s-table-container .table_head{border-bottom:solid 1px #ccc;-moz-user-select:none;}
.s-table-container .table_head td>div{border-right:solid 1px #dadada;position:relative;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color:#005599;}
.s-table-container .table_head td:last-child>div{border:none;}
.s-table-container .table_body{height:765px;overflow:hidden;position: relative;      }
.s-table-container .table_body td{border-bottom:solid 1px #edeff2;margin:0;border-collapse:collapse;}

.s-table-container .table_body tr.selected{background-color:#DAFAA2;}
.s-table-container .s-sort{ border-top:solid 2px #666; border-bottom:solid 2px #666; border-left:none; border-right:none; margin-top:5px; cursor:pointer; height:3px; width:8px; margin-right:5px; position:absolute; right:0px; }
.s-table-container .s-sort.asc,.s-table-container .s-sort.desc{ height:0; width:0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.s-table-container .s-sort.asc{ border-top:none; border-bottom: 5px solid #666; }
.s-table-container .s-sort.desc{ border-bottom:none; border-top: 5px solid #666; }
.s-table-container .spliter{ position:absolute; height:90%; width:5px; border-right:solid 1px #ccc; top:0; left:100px;cursor: col-resize;	}
.s-table-container .footer{ height:30px; line-height:30px;  vertical-align:middle; padding:0px 10px; box-shadow:0px -1px 1px #ccc; }
.s-table-container input[type=checkbox]{padding:0;margin:0;vertical-align: middle;}

/*Page*/
body,div,ul,li,input{padding:0;margin:0;}
body{ padding:0;margin:0; font-size:12px; font-family:宋体; }
input{outline:none}
.btn{padding:0px 5px;cursor:pointer;}
.settings{	margin-right:10px;float:right;}
.wrap{height:99.5%;position:relative;min-width:1200px;overflow:hidden;background:#ccccce;}
.head{position:absolute;top:0px;left:4px;right:4px;}
.headwrap{margin:4px;border:solid 1px #999;background:#fff;height:30px;font-size:12px;font-fanmily:宋体;line-height:30px;}
.headwrap .logo{margin-left:10px;}
.headwrap .title{float:left;color:#333;font-weight:bold;font-family: sans-serif,宋体;font-size: 15px;}
.menus{float:left;margin-left:60px;}
.menus>ul{list-style:none;padding:0;margin:0;}
.menus li{float:left;cursor:pointer;height:28px;white-space: nowrap;text-overflow: clip;  }
.menus li a{padding:0px 10px;border-right:solid 1px #c0c0c0;}
.menus li:last-child a{border-right:solid 1px transparent;}
.menus .current ,.menus li:hover{background-color:#2d6ca2;color:#fff;}
.menus .current a ,.menus li:hover a{border-right:solid 1px transparent;}
.bodywrap{position:absolute;top:35px;bottom:0px;right:4px;left:4px;}
.menu-sidebar{background:#fefefe;border:solid 1px #999;height:99.5%;width:200px;margin:3px 3px 4px 4px;float:left;position:relative;}
.menu-sidebar-head{height:30px;background:#efefef;border-bottom:solid 1px #ccc;}
.menu-sidebar-title{line-height:30px;margin-left:10px;}
.menu-wrap{position:absolute;top:31px;bottom:0;left:0;right:0;}
.menu-items{padding:0;margin:0;list-style:none;cursor:pointer;}
.menu-items li{overflow:hidden; padding:7px 20px;border-bottom:solid 1px #cecece;}
.menu-items li.current{background-color: #2d6ca2;color: #fff;}
.menu-items li *{vertical-align:middle;}
.menu-items li:not(.current):hover{background:#eeeee9;}
.main{height:99.5%;margin:3px 4px 4px 209px;position:relative;}
.mainwrap{background:#fff;}
.content{padding:10px;position:relative;background:#fff;}
.bordered{border:solid 1px #999;}
.sidebar{width:230px;float:left;width:300px;height:100%;border-right:solid 1px #aaa;background:#fefefe;}
.rightside{margin-left:300px;height:100%;background:#fefefe;}
.toolbar{height:30px;border-bottom:solid 1px #ccc;background:#fff;color:#555;box-shadow: 0px 0px 3px #aaa;margin-bottom: 3px;}
.toolbar .btn{display:inline-block;padding:3px 7px;margin-left:2px; border-radius:3px; cursor:pointer;margin-top:4px;}
.toolbar .btn:hover{border:solid 1px #eee;padding:2px 6px;}
.filled-box{position:absolute;bottom:0;left:0;right:0;top:0px;}	
.icons{width:16px;height:16px;display:inline-block;vertical-align:middle;margin:0;padding:0;}

/*form*/
form{text-align:left;}
form table{border:solid 1px #efefef;table-layout:fixed;padding:10px;margin:0;border-collapse:collapse;border-spacing:0px;font-size:12px;font-family:宋体;position:relative;}	
form table td{ margin:0; border-collapse:collapse; color:#555; border:solid 1px #efefef; padding:2px 3px; }
form table td:first-child{text-indent:20px;}
form *{outline:none;}
form input[type="text"],form input[type="password"]{ height:25px; width:150px; border:solid 1px #ccc; }
form input[type="text"]:focus,form input[type="password"]:focus,form textarea:focus{ border:solid 1px #2f96b4;	}
form input[type="text"].long,form input[type="password"].long{ width:300px;	}
form input[type="text"].huge,form input[type="password"].huge{ width:500px;	}
form textarea{ width:300px; height:150px;	border:solid 1px #ccc;	outline:none; resize: none; }
.legend{color:#555; height:25px;line-height:25px;text-indent:20px;font-weight:bold;border-bottom:solid 1px #ccc;margin:5px 0px;box-shadow:0px 1px 3px #d6d6d6;max-width:600px;}
form table *{vertical-align: middle;}
form input.error,form textarea.error,form select.error{border-color: #f80;}
form input[type="text"]:focus,form input[type="password"]:focus,form textarea:focus{ border:solid 1px #2f96b4;	}
form input[type="text"].long,form input[type="password"].long{ width:300px;	}
form input[type="text"].huge,form input[type="password"].huge{ width:500px;	}
form textarea{ width:300px; height:100px;	border:solid 1px #ccc;	resize: none; }
form label{ height:25px; display:inline-block; margin-right:10px;  vertical-align:middle; line-height:25px; }
	
.frmmsg{position:absolute;padding:5px 10px;box-shadow: 2px 1px 2px #888;}
.frmmsg:before{ content:''; width:0;height:0; border-left:none; border-right:solid 6px #eb9316; border-top:solid 6px transparent; border-bottom:solid 6px transparent; position:absolute; left:-6px; top:6px; }
	
/*Tabs*/
.tabs{ list-style:none;margin:0;padding:0; position:relative; }
.tabs li{float:left;padding:5px 10px;border:solid 1px #ccc;border-bottom:none;margin-right:2px;cursor:pointer;min-width:60px;text-align:center;color:#06f;}
.tabs li:hover{color:#f90;}
.tabs li.current{position:relative;border:solid 1px #073985;border-bottom: solid 1px #fff;margin-bottom: -1px;color:#333;}
.tabs li.current:hover{color:#333;}
.tabcontent{ border:solid 1px #efefef; padding:10px; clear:both; }

/*common colors*/
.info{ background-color:#2aabd2; color:#fff; }
.primary{ background-color:#2d6ca2; color:#fff; }
.success{ background-color:#419641; color:#fff;	}
.warn{ background-color:#eb9316; color:#fff;	}
.danger{ background-color:#c12e2a; color:#fff;	}
.link{color:#06f;}
.link:hover{color:#f90;}
div{box-sizing:border-box;}
a{cursor:pointer;}
.help{cursor:help;}

.tips{border-radius: 3px; padding: 6px 15px; background-color: #1685C4; position: absolute; color: #FCFCFC; max-width: 200px;display:none;z-index: 9999;}
.tips:before{ content:''; width:0;height:0; border-left:none; border-right:solid 6px #1685C4; border-top:solid 6px transparent; border-bottom:solid 6px transparent; position:absolute; left:-6px; top:8px; }

/*webkit scroll bar style*/
::-webkit-scrollbar { width: 12px; height: 12px; -webkit-border-radius: 10px; }
::-webkit-scrollbar-track { -webkit-border-radius: 10px; -webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.2); background-color: rgba(0, 0, 0, 0.05); width: 3px; height: 3px; border:1px solid rgba(255,255,255,0.05); }
::-webkit-scrollbar-track-piece{ -webkit-border-radius: 10px; background-color: rgba(234, 234, 234, 1); -webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,0.15); width: 3px; height: 3px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; background-color: rgba(244, 244, 244, 1); -webkit-box-shadow: inset 1px 1px 15px rgba(255,255,255,0.8), inset 1px 1px 0px rgba(255,255,255,0.8) ; border:1px solid rgba(0,0,0,0.1); }
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active { background-color: rgba(204, 204, 204, 1); -webkit-box-shadow: none; border:1px solid rgba(0,0,0,0.1); }
::-webkit-scrollbar-track:window-inactive, ::-webkit-scrollbar-track-piece:window-inactive, ::-webkit-scrollbar-thumb:window-inactive { -webkit-box-shadow:none; }
::-webkit-scrollbar-button { width: 0; height: 0; display: none; }
::-webkit-scrollbar-corner { background-color: transparent; }
::-webkit-resizer{ background-color: transparent; }